<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>5-css相关概念</title>
    <style>
        h2{
            /* 属性名:属性值; */
            color: red;
        }
    </style>
    <!-- 外部引入 -->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 
        层叠样式表cascading style sheets
        作用：
            装饰标签
        位置：
            1) 行内      少量样式
            2) 内嵌式    head标签中(推荐)，其实可以放在任何位置
            3) 外部引入  推荐-项目开发
     -->

    <h1 style="color:blue;font-size: 30px;font-weight: bold;">三登!台风“梅花”登陆青岛</h1>
    <h2>警方回应静默期内女子下跪摆拍</h2>
    <h3>中哈全方位互利合作造福两国人民</h3>
</body>
</html>